// 因为PC端也支持，故设置默认值50px，注意写在最上面
// 即：浏览器刚打开时的默认大小
html {
    font-size: 50px;
}

// 利用媒体查询，在不同屏幕尺寸中设置html的font-size
// 划分份数15
@no: 15;

// 320（屏幕范围：0~360）
@media screen and (max-width: 360px) {  // 小于等于
    html {
        font-size: (320px / @no);
    }
}

// ---------------------------利用mixin定义代码片段
.myScreen(@screenSize) {
    @media screen and (min-width: @screenSize) {  // 大于等于
        html {
            font-size: (@screenSize / @no);
        }
    }
}
// ---------------------------

// 360+、375+、...、750+
.myScreen(360px);
.myScreen(375px);
.myScreen(384px);
.myScreen(400px);
.myScreen(414px);
.myScreen(424px);
.myScreen(480px);
.myScreen(540px);
.myScreen(720px);
.myScreen(750px);